'use strict'
require('./index.css')

// 通用的JS工具封装
var _wm = require('util/wm.js')

// 通用页面头部
var header = {
    // 初始化
    init: function(){
        this.bindEvent()
    },

    onLoad: function(){
        var keyword = _wm.getUrlParam('keyword')
        if(keyword){ // 若keyword存在，回显在搜索-输入框的keyword
            $('#search_input').val(keyword)
        }
    },

    // 绑定事件
    bindEvent: function(){
        var _this = this

        // 搜索点击事件
        $('#search_btn').click(function(){
            _this.searchSubmit()
        })

        // 搜素-输入框后按下enter键，做搜索提交
        $('#search_input').keyup(function(event){
            if(event.keyCode === 13){  // 13是enter键的keyCode
                _this.searchSubmit()
            }
        })
    },

    // 搜索的提交
    searchSubmit: function(){
        // 获取搜素-输入框的keyword
        var keyword = $.trim($('#search_input').val())
        if(keyword){  // 若提交时有keyword，正常跳转到list页
            window.location.href = './list.html?keyword=' + keyword
        }else{  // 若keyword为空，返回首页
            _wm.goHome()
        }
    }
}

header.init()